Top 16 Awesome CSS Background Slideshow Showcase For New Website Projects
The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,
You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Hardware accelerated CSS animations have been used wherever possible resulting in smooth animations, which is most noticeable in mobile devices. You can choose how many items at a time will load in the background. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers.
2. CSS Slider
non jQuery Slider, pure CSS image slider.
Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!
No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly
Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker
Site Background Changer with Flickr and Picasa modules
BackSlider – site background image slider is an elegant and flexible solution for creative designs. This plugin can be used as HTML slideshow background changer or CSS fullscreen image slideshow slider. Also exclusively for one-page sites, this plugin has special “scroll” mode to automatically change background image when page is being scrolled.
Customizable thumbnail’s border and background: each thumbnail can have a border and a background, the thumbnail’s background color,border size and the border color are customizable, also the thumbnail’s border color can be animated from a normal color to a selected color.Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a background image slider under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the site background color and opacity also can be modified (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).Customizable border and background: The border size and color and also the main jQuery background slideshow are customizable.
Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable, also the thumbnails border color can be tweened from a normal color to a selected color. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional). Customizable border and background: the border size and color and also the main HTML image background color are customizable.
Auto slideshow with pause on hover (optional). Image description box with option for individual background color (optional). Thumbnail description box with option for individual background color (optional).
Navion – Metro Navigation Menu Accordion Switcher CSS
TileBox – Modern Responsive LightBox CSS
Tabion – Metro Tab Accordion Switcher CSS
Rainbow Background Full Screen jQuery Plugin
Metro Navigation Bar CSS
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Info button and info window: each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional). Customizable border and background: the border size and color and also the main background color transition CSS are customizable.
bgStretcher (Background Stretcher) is a slider jQuery plugin for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plugin will work as a slideshow if multiple images are used.Proportionally Resizes Background Images
Advanced Slideshow Features
Navion – Metro Navigation Menu Accordion Switcher CSS
TileBox – Modern Responsive LightBox CSS
Tabion – Metro Tab Accordion Switcher CSS
Rainbow Background Full Screen jQuery Plugin
Metro Navigation Bar CSS
The animation system is completely extensible allowing to add more animations and transitions easily just like adding new CSS classes. CSS/PSD skineable
Editable styles with content slider using pure CSS or LESS
Musy Soned Background Vector GraphicTree VectorGlossy orange light bulb (comercial license)
Flexslider background (CC 3.
Auto delay slideshow. Optional thumbnail background color, font size etc.slideshow: true,
Fully customizable frames shapes with css classes
Auto slideshow with images
CSS3 responsive background images (even on unsupported browser)